<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="MonoCloud">
        <meta name="keywords" content="MonoCloud Service">
        <meta name="author" content="MonoCloud Pty Ltd">
        <title>推鸭</title>
                <!-- Jquery Toast css -->
        <link href="assets/libs/jquery-toast/jquery.toast.min.css" rel="stylesheet" type="text/css" />
        <!-- App css -->
        <link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <link href="assets/css/icons.min.css" rel="stylesheet" type="text/css" />
        <link href="assets/css/app.min.css" rel="stylesheet" type="text/css" />

        <!-- HTML5 Shiv and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js') }}" ></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js') }}" ></script>
        <![endif]-->
    </head>

    <body>

        <!-- Begin page -->
    <div id="wrapper">
        <!-- Top Bar Start -->
<div class="navbar-custom">
    <ul class="list-unstyled topnav-menu float-right mb-0">
        <li class="dropdown notification-list">
            <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
                <img src="https://cdn.v2ex.com/gravatar/4da74cef8b7317ba251237b74e675d38"  alt="user-image" class="rounded-circle">
                <span class="pro-user-name ml-1">
                老郑 <i class="mdi mdi-chevron-down"></i> 
                </span>
            </a>
            <div class="dropdown-menu dropdown-menu-right profile-dropdown" x-placement="bottom-end" style="position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(-40px, 70px, 0px);">
                <!-- item-->
                <div class="dropdown-header noti-title">
                    <h6 class="text-overflow m-0">欢迎登录！</h6>
                </div>

                <!-- item-->
                <a href="profile" class="dropdown-item notify-item">
                    <i class="fe-user"></i>
                    <span>我的资料</span>
                </a>
                <!-- item-->
                <a href="changepassword" class="dropdown-item notify-item">
                    <i class="fe-settings"></i>
                    <span>修改密码</span>
                </a>
                <div class="dropdown-divider"></div>
                <!-- item-->
                <a href="logout" onclick="event.preventDefault();document.getElementById('logout-form').submit();" class="dropdown-item notify-item">
                    <i class="fe-log-out"></i>
                    <span>退出登录</span>
                </a>
                <form id="logout-form" action="logout" method="POST" style="display: none;">
                    <input type="hidden" name="_token" value="dkE5kj66VMwjqoAvJUrtwgRpLTzR9uy7oVGR9CpB">                </form>
            </div>
        </li>
        <!-- <li class="dropdown notification-list">
            <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
                <i class="fe-settings noti-icon"></i>
            </a>
        </li> -->
    </ul>
    <!-- LOGO -->
    <div class="logo-box">
        <a href="" class="logo text-center">
            <span class="logo-lg">
                <span class="logo-lg-text-light">兼职鸭平台</span>
            </span>
            <span class="logo-sm">
                <span class="logo-sm-text-dark">兼职鸭</span>
            </span>
        </a>
    </div>
    <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
        <li>
            <button class="button-menu-mobile waves-effect waves-light">
                <i class="fe-menu"></i>
            </button>
        </li>
    </ul>
</div>
<!-- Top Bar End -->
        <div class="left-side-menu">
    <div class="slimscroll-menu">
        <!--- Sidemenu -->
        <div id="sidebar-menu">
            <ul class="metismenu" id="side-menu">
                <li class="menu-title">Navigation</li>
                <li>
                    <a href="javascript: void(0);">
                        <i class="fe-airplay"></i>
                        <span class="badge badge-success badge-pill float-right">1</span>
                        <span> 我的服务 </span>
                    </a>
                    <ul class="nav-second-level" aria-expanded="true">
                        <li><a href="service/116575">MonoCloud S1</a></li>
                    </ul>
                </li>
                <li>
                    <a href="##">
                        <i class="fe-book"></i>
                        <span> 知识库 </span>
                    </a>
                </li>
                <li>
                    <a href="##">
                        <i class="fe-users"></i>
                        <span> 客户支持 </span>
                        <span class="menu-arrow"></span>
                    </a>
                    <ul class="nav-second-level" aria-expanded="false">
                        <li>
                            <a href="##">我的工单</a>
                        </li>
                        <li>
                            <a href="##">提交新工单</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="##">
                        <i class="fe-file-text"></i>
                        <span> 订单记录 </span>
                        <span class="menu-arrow"></span>
                    </a>
                    <ul class="nav-second-level" aria-expanded="false">
                        <li>
                            <a href="##">我的工单</a>
                        </li>
                        <li>
                            <a href="##">提交新工单</a>
                        </li>
                    </ul>
                </li>
                <li class="menu-title">Functions</li>
                <li>
                    <a href="##">
                        <i class="fe-shopping-cart"></i>
                        <span> 购买新服务 </span>
                        <span class="menu-arrow"></span>
                    </a>
                </li>
                <li>
                    <a href="##">
                        <i class="fe-gift"></i>
                        <span> 点券管理 </span>
                    </a>
                </li>
    
                <li>
                    <a href="##">
                        <i class="fe-share-2"></i>
                        <span> 邀请管理 </span>
                        <span class="menu-arrow"></span>
                    </a>
                </li>

            </ul>
        </div>
        <!-- End Sidebar -->
        <div class="clearfix"></div>
    </div>
    <!-- Sidebar -left -->
</div>
<!-- Left Sidebar End -->        <!-- ========== Left Sidebar Start ========== -->
<!-- ============================================================== -->
<!-- Start right Content here -->
<!-- ============================================================== -->
<div class="content-page">
<!-- Start content -->
<div class="content">
    <!-- Start content -->
    <div class="content">
        <div class="container-fluid">
            <!-- Page-Title -->
            <div class="row">
                <div class="col-12">
                    <div class="page-title-box">
                        <div class="page-title-right">
                        </div>
                        <h4 class="page-title">New Ticket</h4>
                    </div>
                </div>
            </div>
            <div class="row">
            <div class="col-12">
                <div class="card-box">
                                <h4 class="header-title mb-4">客户服务</h4>
                <p class="sub-header">
                如果您在使用中遇到问题，请先阅读 <a href="https://mono.sh/knowledgebase" target="_blank" class="btn btn-outline-success btn-sm waves-effect waves-light">知识库</a> 中的 FAQ 常见问题。大多数问题均可以在此找到答案。
                如果您的问题不在此列，请填写以下表单获得我们技术支持。请您详细描述您的问题，最好附上截图。
                </p>
                <form action="https://mono.sh/support/ticket/create" method="post" enctype="multipart/form-data">
                    <input type="hidden" name="_token" value="dkE5kj66VMwjqoAvJUrtwgRpLTzR9uy7oVGR9CpB">                    <div class="form-row">
                        <div class="form-group col-md-4">
                        <label for="name">用户名:</label>
                        <input type="text" class="form-control" id="name" name="name" disabled="" value="ltatd"
                            required>
                        </div>
                        <div class="form-group col-md-4">
                            <label for="email">Email:</label>
                            <input type="email" class="form-control" id="email" name="email" disabled="" value="327100395@qq.com"
                                required>
                        </div>
                        <div class="form-group col-md-4">
                            <label for="service">与本问题相关服务:</label>
                            <select class="custom-select" id="service" name="service" required>
                                <option value="">Choose...</option>
                                <option value="empty">无</option>
                                                                <option value="116575">MonoCloud S1</option>
                                                            </select>
                                                    </div>
                    </div>
                    <div class="form-row">
                        <div class="form-group col-md-8">
                            <label for="subject">主题</label>
                            <input type="text" class="form-control " id="subject" name="subject" required placeholder="Enter your subject">
                                                    </div>
                        <div class="form-group col-md-4">
                        <label for="department">部门</label>
                        <select class="custom-select " id="department" name="department" required>
                            <option value="">Choose...</option>
                            <option value="TECHNICAL">技术支持</option>
                            <option value="BILLING">财务</option>
                            <option value="SALES">销售</option>
                            <option value="OTHER">其他</option>
                        </select>
                                                </div>
                    </div> 
                    <div class="form-row">
                        <div class="form-group col-md-6">
                            <label for="priority">优先级</label>
                            <div>
                                <div class="radio radio-success form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="priority" id="priorityRadio1" value="HIGH" required>
                                    <label class="form-check-label" for="priorityRadio1">高</label>
                                </div>
                                <div class="radio radio-success form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="priority" id="priorityRadio2" value="MEDIUM">
                                    <label class="form-check-label" for="priorityRadio2">中</label>
                                </div>
                                <div class="radio radio-success form-check form-check-inline check">
                                    <input class="form-check-input" type="radio" name="priority" id="priorityRadio3" value="LOW" checked>
                                    <label class="form-check-label" for="priorityRadio3">低</label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-row">
                        <div class="form-group col-md-12">
                                                    <label for="message">信息:</label>
                            <textarea class="form-control" id="content" name="content" rows="5" required></textarea>
                        </div>
                    </div>
                    <div class="form-row">
                        <div class="form-group col-md-12">
                            <label for="attachment">附件:</label>
                            <div class="custom-file">
                            <input type="file" class="custom-file-input" id="attachment" name="attachment[]" accept="image/*" type="file" accept="image/*" multiple>
                                <label class="custom-file-label" for="attachment">Choose file</label>
                            </div>
                        </div>
                    </div>
                    <button class="btn btn-success waves-effect waves-light btn-sm" id="toastr-success"" name="submit">
                    <i class="mdi mdi-send mr-1"></i>发送 </button>
                </form>
            </div>
            </div>
        </div> <!-- container -->
    </div> <!-- content -->

</div> <!-- content -->
</div> <!-- content-page -->
        <footer class="footer text-right">
                    © 2019 MonoCloud. All rights reserved.
        </footer>
    </div>
    <!-- END wrapper -->
    <script>
        var resizefunc = [];
    </script>

    <!-- Vendor js -->
    <script src="assets/js/vendor.min.js"></script>

    <script src="assets/js/popper.min.js" ></script>
    <script src="assets/js/bootstrap.min.js" ></script>
    <script src="assets/js/detect.js" ></script>
    <script src="assets/js/fastclick.js" ></script>

    <script src="assets/js/jquery.slimscroll.js" ></script>
    <script src="assets/js/jquery.blockUI.js" ></script>


    <script src="assets/js/wow.min.js" ></script>
    <script src="assets/js/jquery.nicescroll.js" ></script>
    <script src="assets/js/jquery.scrollTo.min.js" ></script>
    
    <script src="assets/js/app.min.js" ></script>

        </body>
</html>